//searchByStudentNo
window.onload = function () {
    // 封装获取元素
    // $ 在jquery 中 表示的是 核心选择器
    // 由 $ 符号 获取需要修改的元素 然后对获取的元素进行操作
    function $Key(getKeys) {
        return document.querySelector(getKeys)
    }
    /* 
        https://www.bingjs.com:8001/Student/GetStudentByNo  根据学号查询单个学生信息    [GET请求]
            (参数studentNo：学生学号，不可以为空)
    */
    // 定义变量接收 姓名
    let studentName = ""
    // 定义变量接收 性别
    let sex = ""

    // 封装函数 获取数据
    function getAll() {
        let xhr = new XMLHttpRequest()
        xhr.open("GET", `https://www.bingjs.com:8001/Student/GetAll`)
        xhr.send()
        xhr.onreadystatechange = function () {
            if (xhr.readyState === 4 && xhr.status === 200) {
                let stu_infor = JSON.parse(xhr.response)
                // console.log(stu_infor);
                // 通过解构获取当前页数和总页数
                // data 当前页面信息
                let { data } = stu_infor
                data.forEach(a => {
                    let tr = document.createElement("tr")
                    let td1 = document.createElement("td")
                    td1.innerHTML = a.StudentNo
                    let td2 = document.createElement("td")
                    td2.innerHTML = a.LoginPwd
                    let td3 = document.createElement("td")
                    td3.innerHTML = a.StudentName
                    let td4 = document.createElement("td")
                    td4.innerHTML = a.Sex === "M" ? "男" : "女"
                    let td5 = document.createElement("td")
                    td5.innerHTML = a.GradeId
                    let td6 = document.createElement("td")
                    td6.innerHTML = a.Phone
                    let td7 = document.createElement("td")
                    td7.innerHTML = a.Address
                    let td8 = document.createElement("td")
                    td8.innerHTML = bornDate(new Date(a.BornDate))
                    let td9 = document.createElement("td")
                    td9.innerHTML = a.Email
                    let td10 = document.createElement("td")
                    td10.innerHTML = a.IdentityCard

                    tr.appendChild(td1)
                    tr.appendChild(td2)
                    tr.appendChild(td3)
                    tr.appendChild(td4)
                    tr.appendChild(td5)
                    tr.appendChild(td6)
                    tr.appendChild(td7)
                    tr.appendChild(td8)
                    tr.appendChild(td9)
                    tr.appendChild(td10)
                    $Key("#tbody").appendChild(tr)
                });
            }
        }
    }
    getAll()

    //修改日期格式
    function bornDate(data) {
        let year = data.getFullYear()
        let month = data.getMonth() + 1
        let day = data.getDate()
        // console.log(year,month,day);
        return [year, month, day].map(a => pacth0(a)).join("-")

    }

    // 补0操作 如果是单数就添加一个0
    function pacth0(val) {
        return (val + "").length > 1 ? val : "0" + val
    }

    // 模糊查询 因为上面表单和后端数据已经有了联系
    $Key("#search_btn").onclick = function () {
        pageIndex = 1
        studentNo = $Key("#studentNo").value
        console.log(sex);
        getAll()
    }
}